<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
<title>首页</title>
<link rel="stylesheet" type="text/css" href="/APP/Index/css/common.css" />
<link rel="stylesheet" type="text/css" href="/APP/Index/css/aos.css" />
<script type="text/javascript" src="/APP/Index/js/banner01.js"></script>
<script type="text/javascript" src="/APP/Index/js/aos.js"></script>
<script type="text/javascript" src="/APP/Index/js/MSClass.js"></script>
<script type="text/javascript">
//js无缝滚动代码
function marquee(i, direction){
	var obj = document.getElementById("marquee" + i);
	var obj1 = document.getElementById("marquee" + i + "_1");
	var obj2 = document.getElementById("marquee" + i + "_2");
	if (direction == "up"){
		if (obj2.offsetTop - obj.scrollTop <= 0){
			obj.scrollTop -= (obj1.offsetHeight + 40);
		}else{
			var tmp = obj.scrollTop;
			obj.scrollTop++;
			if (obj.scrollTop == tmp){
				obj.scrollTop = 1;
			}
		}
	}else{
		if (obj2.offsetWidth - obj.scrollLeft <= 0){
			obj.scrollLeft -= obj1.offsetWidth;
		}else{
			obj.scrollLeft++;
		}
	}
}

function marqueeStart(i, direction){
	var obj = document.getElementById("marquee" + i);
	var obj1 = document.getElementById("marquee" + i + "_1");
	var obj2 = document.getElementById("marquee" + i + "_2");

	obj2.innerHTML = obj1.innerHTML;
	var marqueeVar = window.setInterval("marquee("+ i +", '"+ direction +"')", 40);
	obj.onmouseover = function(){
		window.clearInterval(marqueeVar);
	}
	obj.onmouseout = function(){
		marqueeVar = window.setInterval("marquee("+ i +", '"+ direction +"')", 40);
	}
}
</script>
</head>

<body>

<!--头部开始-->
<div class="head-box">
<div class="logo fl"><a href="#"><img src="/APP/Index/images/logo.png" /></a></div>
<div class="headr fr">
<div class="search-box fl">
<div class="search-boxl fl"><input type="text" /></div>
<div class="search-boxr fr"><input type="submit" value="搜索" /></div>
</div>
<div class="zhuce-box fl">
<a href="login.html">登入</a>/<a href="login.html">注册</a>
</div>
<div class="liju-box fr">
<a href="user.html"><img src="/APP/Index/images/jilu-tb.png" /> 播放记录</a>
</div>
</div>
</div>
<!--头部结束-->
<!--nav开始-->
<div class="nav-max">
<div class="nav-box">
<ul>
<li class="nav-lion"><a href="index.html">首页</a></li>
<li><a href="live.html">牛咖直播</a></li>
<li><a href="combat.html">跟咖实战</a></li>
<li><a href="feedback.html">学员反馈</a></li>
<li><a href="user.html">个人中心</a></li>
<li><a href="about_us.html">关于我们</a></li>
</ul>
</div>
</div>
<!--nav结束-->
<!--banner开始-->
<div class="pc-box">
  <div class="banner_bj banner" id="flashssupper">
    <div class="td">
      <ul>
        <volist name="_banner" id="vo">
          <li style="background:url({$vo['image']}) no-repeat scroll center top;"><a title="牛咖财经" href="#" target="_blank" class="bgitem"> </a></li>
        </volist>
      </ul>
    </div>
    <div class="btn">
      <ul>
      </ul>
    </div>
  </div>
  <script type="text/javascript">
    jQuery("#flashssupper").slide({ titCell: ".btn ul", mainCell: ".td ul", effect: "fold", autoPlay: true, autoPage: "<li></li>", trigger: "mouseover", prevCell: ".ljt", nextCell: ".rjt" });
</script> 
</div>
<!--banner结束--> 

<!--指数开始-->
<div class="zhishu-max">
<div class="zhishu-box">
<div class="zhishu-l fl"><img src="/APP/Index/images/zhishu.png" />行情指数<em></em></div>
<div class="zhishu-r fr"><img src="/APP/Index/images/zhishu.jpg" /></div>
</div>
</div>
<!--指数结束-->

<!--直播开始-->
<div class="zhibo-box">
<div class="zhibo-top">
<div class="zhibo-topl fl">
<img src="/App/Index/images/top-1.png" />牛咖直播<span>正在直播      </span>
</div>
<div class="zhibo-topr fr">
<a href="#">更多></a>
</div>
</div>


<!--直播窗口开始-->
<div class="zhibo">

<!--左-->
<div class="zhibo-l fl">
<!--左1-->
<div class="zhibo-l1">

<div class="zhibo-l11">
<p>视频直播 </p>
</div>

<div class="zhibo-boxmin">

<!--直播视频开始-->

<div id="id_video_container_10905947996091990540" style="width:100%;height:1px;"></div>
<script src="//imgcache.qq.com/open/qcloud/video/live/h5/live_connect.js" charset="utf-8"></script>
 <script type="text/javascript">
            (function(){
               var option ={"channel_id":"10905947996091990540","/APP_id":"1254327960","width":"900","height":"540"};
               new qcVideo.Player(
                       /*代码中的id_video_container将会作为播放器放置的容器使用,可自行替换*/
                       "id_video_container_10905947996091990540",
                       option
                   );
             })()
 </script> 
<!--直播视频开始-->


</div>
</div>
<!--左1-->
<!--左2-->

<div class="zhibo-l2">
<div class="zhibo-l21 fl">
<span>12</span>
月
<span>12</span>
日
</div>

<div class="zhibo-l22 fr">
<div class="zhibo-min zhibo-min1">
<a href="#">
<p>11:00-11:30</p>
<span>午间加油站</span>
<div class="zhibo-zz zhibo-zz1">
在线直播
</div>
</a>
</div>

<div class="zhibo-min zhibo-min2">
<a href="#">
<img src="/APP/Index/images/zhibo-tp.jpg" />
<div class="zhibo-zz zhibo-zz2">
刘巍
</div>
</a>
</div>
<div class="zhibo-min zhibo-min2">
<a href="#">
<img src="/APP/Index/images/zhibo-tp.jpg" />
<div class="zhibo-zz zhibo-zz2">
刘巍
</div>
</a>
</div>
<div class="zhibo-min zhibo-min2">
<a href="#">
<img src="/APP/Index/images/zhibo-tp.jpg" />
<div class="zhibo-zz zhibo-zz2">
刘巍
</div>
</a>
</div>
</div>
</div>
<!--左2-->

</div>
<!--左-->

<!--右-->
<div class="zhibo-r fr">
<!--右1-->
<div class="zhibo-r1" id="marquee2">
<ul id="marquee2_1">
<li><i><img src="/APP/Index/images/huiyuan-1.png" /></i>
<p>
<font>股民小江:</font>
<b>棒棒哒！棒棒哒！棒棒哒！棒棒哒！
棒棒哒！棒棒哒！棒棒哒！</b>
</p></li>
<li><i><img src="/APP/Index/images/huiyuan-1.png" /></i>
<p>
<font>股民小江:</font>
<b>棒棒哒！棒棒哒！棒棒哒！棒棒哒！
棒棒哒！棒棒哒！棒棒哒！</b>
</p></li>
<li><i><img src="/APP/Index/images/huiyuan-1.png" /></i>
<p>
<font>股票A:</font>
<b>棒棒哒！棒棒哒！棒棒哒！棒棒哒！
棒棒哒！棒棒哒！棒棒哒！</b>
</p></li>
<li><i><img src="/APP/Index/images/huiyuan-1.png" /></i>
<p>
<font>股民小江:</font>
<b>棒棒哒！棒棒哒！棒棒哒！棒棒哒！
棒棒哒！棒棒哒！棒棒哒！</b>
</p></li>
<li><i><img src="/APP/Index/images/huiyuan-1.png" /></i>
<p>
<font>股民小江:</font>
<b>棒棒哒！棒棒哒！棒棒哒！棒棒哒！
棒棒哒！棒棒哒！棒棒哒！</b>
</p></li>
<li><i><img src="/APP/Index/images/huiyuan-1.png" /></i>
<p>
<font>股票A:</font>
<b>棒棒哒！棒棒哒！棒棒哒！棒棒哒！
棒棒哒！棒棒哒！棒棒哒！</b>
</p></li>
<li><i><img src="/APP/Index/images/huiyuan-1.png" /></i>
<p>
<font>股民小江:</font>
<b>棒棒哒！棒棒哒！棒棒哒！棒棒哒！
棒棒哒！棒棒哒！棒棒哒！</b>
</p></li>
</ul>
<ul id="marquee2_2"></ul>
<script type="text/javascript">marqueeStart(2, "up");</script>
</div>
<!--右1-->

<!--右2-->
<div class="zhibo-r2">
<div class="zhibo-r21">
<p><img src="/APP/Index/images/biaoqing.png" />表情</p><p><img src="/APP/Index/images/zan-zb.png" />点赞</p>
</div>
<div class="zhibo-r22">
<p class="zhibo-in1" ><input type="text"/></p>
<p class="zhibo-in2"><input type="submit" value="发送" /></p>
</div>

</div>
<!--右2-->



</div>
<!--右-->

</div>
<!--直播窗口结束-->

</div>
<!--直播结束-->

<!--大咖开始-->
<div class="daga-top" aos="fade-up" aos-delay="100">
<div class="zhibo-top">
<div class="zhibo-topl fl">
<img src="/APP/Index/images/top-2.png" />大咖面对面
</div>
</div>
</div>

<div class="daga-box" aos="fade-up" aos-delay="100">
<div class="daga-111">
<ul id="daga">
  <volist name="_teacher" id="vo">
    <li><a href="tea_detail.html?id={$vo.id}"><i><img src="{$vo['h_img']}" /></i><p><span>{$vo['name']}</span><font>{$vo['intro']}</font></p></a></li>
  </volist>
</ul>
</div>
<script type="text/javascript">
//new Marquee("ulOrderAnns",2,20,196,340,20,4000,5000,152)	
new Marquee(
{
	MSClass	  : ["daga","ulOrderAnns"],
	Direction : 2,
	Step	  : 0.3,
	Width	  : 1225,
	Height	  : 304,
	Timer	  : 20,
	DelayTime : 3000,
	WaitTime  : 0,
	ScrollStep: 245,
	SwitchType: 0,
	AutoStart : true
});

</script> 
</div>
<!--大咖结束-->

<!--推荐开始-->
<div class="tuijian-box" aos="fade-up" aos-delay="100">
<div class="zhibo-top">
<div class="zhibo-topl fl">
<img src="/App/Index/images/top-1.png" />精品推荐
</div>
</div>

<div class="tuijian-bot" aos="fade-up" aos-delay="100">
  <volist name="_recomment" id="vo">
    <div class="tuijian-1">
      <i><a href="#"><img src="{$vo['image']}" /></a></i>
    </div>
  </volist>
</div>

</div>
<!--推荐结束-->


<!--实战开始-->
<div class="shizhan-max" aos="fade-up" aos-delay="100">

<!--左-->
<div class="shizhan-l fl">
<!--左1-->
<div class="shizhan-l1">
<div class="zhibo-top">
<div class="zhibo-topl fl">
<img src="/APP/Index/images/top-3.png" />跟咖实战
</div>
<div class="zhibo-topr fr">
<a href="#">更多></a>
</div>
</div>
<div class="shizhan-l12">
<ul>
  <volist name="_video" id="vo">
    <li><em><a href="tea_detail.html?id={$vo.t_id}"><img src="{$vo['image']}" /></a></em>
      <div class="shizhan-l122">
        <p><a href="#">{$vo['title']}</a></p>
        <span>
        <font>
        <i>指导：{$vo['name']}老师团队</i>
        <i>参团人数：{$vo['join_num']}人</i>
        </font>
        <strong><a href="#">咨询助理</a></strong>
        </span>
      </div>
    </li>
  </volist>
</ul>
</div>
</div>
<!--左1-->

<!--左2-->
<div class="shizhan-l2">
<div class="zhibo-top">
<div class="zhibo-topl fl">
<img src="/APP/Index/images/top-4.png" />学员反馈
</div>
<div class="zhibo-topr fr">
<a href="#">更多></a>
</div>
</div>

<div class="fanhui-box">
<ul>
  <volist name="fblist" id="vo">
    <li>
      <em><a href="feedback_detail.html?id={$vo.id}"><img src="{$vo['image']}" /></a></em>
      <div class="fankui-1">
        <p><a href="#">{$vo['title']}</a></p>
        <span><font><img src="/APP/Index/images/zan.png" />{$vo['num']}</font><i><a href="feedback_detail.html?id={$vo.id}">查看详情</a></i></span>
      </div>
    </li>
  </volist>
</ul>
</div>

</div>
<!--左2-->
</div>

<!--左-->

<!--右-->
<div class="daoshi fr">
<div class="daoshi-top">
<i></i>人气导师
</div>

<div class="daoshi-bot">
<ul>
  <volist name="_teacher" id="vo">
    <li>
      <i><a href="tea_detail.html?id={$vo.id}"><img src="{$vo['h_img']}" /></a></i>
      <p>
        <span><a href="tea_detail.html?id={$vo.id}">{$vo['name']}</a></span>
        <font>牛咖认证专家</font>
        <em><a href="#">咨询</a></em>
      </p>
    </li>
  </volist>
</ul>
</div>

</div>
<!--右-->
</div>
<!--实战结束-->

<!--合作伙伴开始-->
<div class="zhibo-box" aos="fade-up" aos-delay="100">
<div class="zhibo-top">
<div class="zhibo-topl fl">
<img src="/APP/Index/images/top-5.png" />合作伙伴
</div>
<div class="zhibo-topr fr">

</div>
</div>
</div>

<div class="hezuo-bot" aos="fade-up" aos-delay="100">
<ul>
<li><img src="/APP/Index/images/hezuo-1.jpg" /></li>
<li><img src="/APP/Index/images/hezuo-2.jpg" /></li>
<li><img src="/APP/Index/images/hezuo-3.jpg" /></li>
<li><img src="/APP/Index/images/hezuo-4.jpg" /></li>
<li><img src="/APP/Index/images/hezuo-5.jpg" /></li>
<li><img src="/APP/Index/images/hezuo-6.jpg" /></li>
<li><img src="/APP/Index/images/hezuo-7.jpg" /></li>
<li><img src="/APP/Index/images/hezuo-8.jpg" /></li>
</ul>
</div>
<!--合作伙伴结束-->

<!--底部开始-->
<div class="bot-max">
<div class="bot-box">
<div class="bot-boxl fl">
<div class="bot-box11">
联系我们
</div>
<div class="bot-box12">
公司网址：{$cominfo['url']}<br />
咨询电话：{$cominfo['tel']}<br />
地址：{$cominfo['addr']}
</div>
</div>
<div class="bot-line fl"></div>

<div class="bot-boxr fr">
<p>关注我们</p>
<i><img src="{$cominfo['image']}" /></i>
<span>扫描官方二维码</span>
</div>
</div>
</div>
<!--底部结束-->
<script>
    //首页banner图的轮播事件
//    $('.flexslider').flexslider({
//        directionNav: true,
//        pauseOnAction: false
//    });





    AOS.init({
        easing: 'ease-out-back',
        duration: 1500
    });



</script>
</body>
</html>
